<template>
  <div class="my-card">
    <div class="title">
      <!-- 我能不能让这个组件连html都不要写死 -->
      <!-- <h4>{{ title }}</h4> -->

      <!-- 在此挖了个槽，传什么这里就是什么 -->
      <slot>默认值</slot>
    </div>
    <hr />
    <div class="body">
      <h4>我是内容</h4>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
.my-card {
  margin-bottom: 50px;
  box-shadow: 0 0 5px #ddd;
  width: 450px;
}

.title {
  padding: 10px;
  min-height: 60px;
}
.body {
  padding: 10px;
  min-height: 350px;
}
</style>
